<template>
  <div>
    <!-- 引用头部组件 -->
    <navs >
      <span slot="slot1" @click="fun()">书名/作者/主角</span>
      <span slot="slot2">男生</span>
    </navs>

    <main>
      <div class="leibie">
        <img @click=fun2() src="fenlei/fenlei1_03.jpg" alt />
        <img @click="fun1()" src="fenlei/fenlei2_03.jpg" alt />
      </div>
      
      <Twoluyou />
      

     
    </main>

    
    <router-view></router-view>
    <Oneluyou />
  </div>
</template>

<script>

import navs from "@/components/nav.vue";


export default {
  methods: {
    fun(){
      this.$router.push('/sousuo')
    },
    fun1(){
      this.$router.push('/wanjie')
    },
    fun2(){
      this.$router.push('/xinshu')
    }
  },
  created() {
    // getlink("/data/all").then(ok => {
    //   console.log(ok);
    // });
  },
  components: {
    navs
  }
};
</script>

<style scoped>
 main{
  width: 100%;
  /* background-color: pink; */
  box-sizing: border-box;
  padding: 0 0.2rem;
  margin-top: 0.7rem;
} 
.leibie {
  display: flex;
  justify-content: space-between;
  margin-top: .7rem;
}
.leibie img {
  width: 1.63rem;
  height: 0.79rem;
}
</style>